@import "@usehook/cursor.scss";

.el-input {
  --el-input-text-color: rgb(60 60 60) !important;
}

.input-auto-resize {
  .el-input {
    height: 100%;
  }
}

.el-input__inner {
  font-family: inherit;
  font-weight: var(--font-weight);
  font-size: var(--font-size) !important;
  cursor: default;
  height: 100% !important;
}

.el-input.is-disabled .el-input__wrapper {
  background-color: transparent !important;
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color))
    inset;
  cursor: default;
}

.el-input.is-disabled .el-input__wrapper .el-input__icon {
  cursor: pointer !important;
}

.el-textarea.is-disabled .el-textarea__inner {
  cursor: default !important;
}

input[type="text"]::-webkit-input-placeholder {
  position: relative;
  top: 1px;
}

.el-input-number__increase,
.el-input-number__decrease {
  opacity: 0;
  transition: all 0.5s;
  background-color: transparent;
}

.el-input-number:hover .el-input-number__increase,
.el-input-number:hover .el-input-number__decrease {
  opacity: 1;
  transition: all 0.5s;
}

.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
  --el-input-number-controls-height: calc(50% - 1px);
}

.el-input__wrapper,
.el-textarea__inner {
  background: transparent;
}

.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled,
.el-input.is-disabled .el-input__icon {
  cursor: default !important;
}

.el-input-number__increase,
.el-input-number__increase *,
.el-input-number__decrease,
.el-input-number__decrease * {
  @include cursor-pointer-important;
}
